<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>

<%@ include file="/WEB-INF/views/shared/master/contentHeader.jsp"%>
<%@ include file="/WEB-INF/views/shared/master/index.jsp"%>
<style type="text/css">
.navigation .navigation-header {
	min-height: 22px;
	padding: 6px 20px;
	font-size: 14px;
	margin-top: 5px;
}

.navigation>li>a {
	padding: 7px 20px;
	min-height: 34px;
	font-size: 13.5px;
}

.category-title>span {
	font-size: 14px !important;
}

.folder-container:hover, .file-container:hover {
	background-color: #eee;
	cursor: pointer;
}

.breadcrumb li {
	cursor: pointer;
}

.breadcrumb>li.active {
	cursor: default;
}

@media ( min-width : 769px) {
	.has-detached-left .content-detached {
		margin-left: 240px;
	}
	.sidebar-detached.fixed-sidebar-space {
		bottom: 0px;
	}
	.sidebar {
		width: 220px;
	}
}
</style>

<div data-target='.sidebar-detached' class='has-detached-left'>
	<c:import url="left.jsp" />
	<div class="container-detached" style="">
		<div class="content-detached" style="padding-top: 10px;">
			<t:form commandName="reportCataLogSearch"
				action="/admin/document/reportCataLog/index" ajaxPost="true"
				onSuccess="onSuccess">
				<t:panel cssClass="panel-flat border-top-xlg border-top-primary "
					customBody="true" customHead="true">
					<div class="panel-body">
						<div class="row">
							<c:import url="input.jsp" />
						</div>
						<div id="tableContent" class="row">
							<c:import url="output.jsp" />
						</div>
					</div>
				</t:panel>
			</t:form>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(function() {
		bindOutputClick();
	})

	function onSuccess(res){
		$("#tableContent").html(res);
		redrawTable();
		bindOutputClick();
	}
	function searchCallback(){
		formSubmit();
	}
	function pagerChangeCallback(){
		formSubmit();
	}
	function sortingCallback(){
		formSubmit();
	}
	function formSubmit(){
		$("form:first").submit();	
	}

	$(function() {
		function resizeDetached() {
			$(window).on(
					'load scroll',
					function() {
						if ($(window).scrollTop() > $(document).height()
								- $(window).height() - 40) {
							$('.sidebar-detached').addClass(
									'fixed-sidebar-space');
						} else {
							$('.sidebar-detached').removeClass(
									'fixed-sidebar-space');
						}
					});
		}

		$('.sidebar-detached').on('affix.bs.affix', function() {
			resizeDetached();
		});

		$('.sidebar-detached').affix({
			offset : {
				top : $('.sidebar-detached').offset().top - 20
			}
		});

		$(window)
				.on(
						'resize',
						function() {
							setTimeout(
									function() {
										if ($(window).width() <= 768) {
											$(window).off('.affix')
											$('.sidebar-detached')
													.removeData('affix')
													.removeClass(
															'affix affix-top affix-bottom');
										}
									}, 100);
						}).resize();
	})
	
	
</script>
<%@ include
	file="/WEB-INF/views/shared/base/scripts/limitless/default/notifications.jsp"%>
<%@ include file="/WEB-INF/views/shared/master/cntable.jsp"%>

<%@ include file="/WEB-INF/views/shared/base/scripts/jqueryui.jsp"%>
<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/formbuttons.jsp"%>
<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/formstyling.jsp"%>
<%@ include file="/WEB-INF/views/shared/base/scripts/limitless/default/formselects.jsp"%>

<%@ include file="/WEB-INF/views/shared//master/contentFooter.jsp"%>